// pages/detail/detail.js
import {
  getProductDetail
} from "../../api/detail"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    pid: '',
    productInfo: null,
    htmlSnipe: "",
    previewImageList: [],
    isShow: true
  },
  getPreviewImageList(richText) {
    var that = this
    var previewImage = [];
    // 将imageNode进t地替换，并使用push()添加一个或多个元素，并返回新的长度。
    richText = richText.replace(/]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
      console.log(match)
      
      previewImage.push(capture);
      that.setData({
        previewImageList: previewImage
      });
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this
    console.log(options.id)
    this.setData({
      pid: options.id
    }, async () => {
      const data = await getProductDetail(options.id)
      console.log(data)
      const htmlSnipe = data.data.info.goods_desc.replace(/<img /g, "<img class='img' ")

      this.getPreviewImageList(htmlSnipe)

      this.setData({
        productInfo: data.data,
        htmlSnipe: htmlSnipe
      })
    })
  },
  previewImage(e) {
    console.log(e)
    // 定义src为一个空数组
    var src = [];
    // 将previewImage中的图片资源数据进行遍历。
    for (var i = 0; i < this.data.previewImageList.length; i++) {
      src[i] = this.data.previewImageList[i];
    }
    // 直接调e和用wx.previewImage
    wx.previewImage({
      current: src[0], // 第一张图片。
      urls: src
    })
  },
  close() {
    this.setData({
      isShow: false
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (res) {
    // console.log(res)
    // const promise = new Promise(resolve => {
    //   setTimeout(() => {
    //     resolve({
    //       title: '自定义转发标题'
    //     })
    //   }, 2000)
    // })
    return {
      title: '这是一个好的分享',
      path: '/page/index/index',
      imageUrl: "http://yanxuan.nosdn.127.net/f2107c529bcc5c51bc3ce2b5cc9948db.jpg"
    }
  }
})